<template>
  <div>公司简介</div>
</template>
 
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    $(".causes_carousel").owlCarousel({
      items: 3,
      loop: true,
      margin: 30,
      autoplay: false,
      dots: false,
      nav: true,
      navText: [
        '<i class="ion-ios-arrow-back"></i>',
        '<i class="ion-ios-arrow-forward"></i>',
      ],
      center: false,
      responsiveClass: true,
      responsive: {
        0: { items: 1, nav: false, dots: true },
        768: { items: 2, nav: false, dots: true },
        992: { items: 2, nav: true, dots: false },
        1200: { items: 3, nav: true, dots: false },
      },
    });
    // Timeline Carousel
    $(".timeline_carousel").owlCarousel({
      items: 3,
      loop: true,
      margin: 0,
      autoplay: true,
      autoplayTimeout: 5000,
      dots: false,
      nav: true,
      navText: [
        '<i class="ion-ios-arrow-back"></i>',
        '<i class="ion-ios-arrow-forward"></i>',
      ],
      center: false,
      responsiveClass: true,
      responsive: {
        0: {
          items: 1,
          nav: false,
          dots: true,
        },
        768: {
          items: 2,
          nav: false,
          dots: true,
        },
        992: {
          items: 2,
          nav: true,
          dots: false,
        },
        1200: {
          items: 3,
          nav: true,
          dots: false,
        },
      },
    });
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.text-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
</style>
